<template>
  <div class="check-dialog">
    <el-dialog :title="title" :visible.sync="visible" width="32%">
      <template>
        <slot name="content"></slot>
      </template>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'DkditmeCheckDialog',

  data () {
    return {
      visible: false
    }
  },

  props: {
    title: {
      type: String
    }
  },

  mounted () {},

  methods: {}
}
</script>

<style lang="less" scoped>
.check-dialog {
  /deep/ .el-dialog {
    border-radius: 10px;
    .el-dialog__header {
      text-align-last: left;
      span {
        line-height: 22px;
        font-size: 16px;
        font-weight: 600;
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue,
          Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial,
          sans-serif;
        color: #333;
      }
    }
  }
}
</style>
